<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2021/7/22
  Time: 22:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>搜索页面</title>
    <script src="/js/jquery/jquery-3.3.1.js"></script>
</head>
<style>
    @import "/css/daohang.css";
    @import "/css/header.css";
</style>
<body>
<div class="header_bd">
    <!-- 头部 -->

    <div class="header" >
        <h1><img style="height: 50px;width: 180px"
                 src="">
        </h1>
        <form action="/videos/query_video" method="post">
            <input type="text" name="kd" placeholder="Search.." class="search">
            <button class="searchButton searchButton2">立即搜索</button>
        </form>
        <div class="login"  >
            <!-- 登录 -->
            <!-- 注册 -->
            <span><a href="/user/login_user.jsp" ><input type="button" class="dlspan" value="登 录" /></a></span>&nbsp;&nbsp;
            <span><a href="/user/register_user.jsp" ><input type="button" class="zcspan" value="注 册" /></a></span>
        </div>
    </div>

</div>
</div>
</body>
<div style="position: relative;top:150px">
<c:choose>
    <c:when test="${ empty requestScope.videoList}">
        <span style="color: red;font-size: 22px">未查询任何数据</span>
    </c:when>
    <c:otherwise>
        <ul style="list-style: none">
            <c:forEach items="${requestScope.videoList}" var="videos">
                <li class="ul_li"><a href="https://www.iqiyi.com/v_19rr7r4y5g.html"><img class="img" src="${videos.logo}" alt="${videos.title}<"></a>
                    <p><a title="${videos.title}">${videos.title}</a></p> </li>
            </c:forEach>
        </ul>
    </c:otherwise>
</c:choose>
</div>
</html>
